﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Nghe nhạc tại Mp3 Zing</title>
    
    <link href="Styles/site.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript">
        function changeSlide(x) {
            switch (x) {
                case 1:
                    // change image 
                    document.getElementById("slideItems").style.left = "-660px";
                    // change class selected
                    document.getElementById("slideItem1").setAttribute("class", "song-slider-selected");
                    document.getElementById("slideItem2").setAttribute("class", "");
                    document.getElementById("slideItem3").setAttribute("class", "");
                    document.getElementById("slideItem4").setAttribute("class", "");
                    break;
                case 2:
                    document.getElementById("slideItems").style.left = "-330px";
                    // change class selected
                    document.getElementById("slideItem2").setAttribute("class", "song-slider-selected");
                    document.getElementById("slideItem1").setAttribute("class", "");
                    document.getElementById("slideItem3").setAttribute("class", "");
                    document.getElementById("slideItem4").setAttribute("class", "");
                    break;
                case 3:
                    document.getElementById("slideItems").style.left = "-990px";
                    // change class selected
                    document.getElementById("slideItem3").setAttribute("class", "song-slider-selected");
                    document.getElementById("slideItem2").setAttribute("class", "");
                    document.getElementById("slideItem1").setAttribute("class", "");
                    document.getElementById("slideItem4").setAttribute("class", "");
                    break;
                case 4:
                    document.getElementById("slideItems").style.left = "0px";
                    // change class selected
                    document.getElementById("slideItem4").setAttribute("class", "song-slider-selected");
                    document.getElementById("slideItem2").setAttribute("class", "");
                    document.getElementById("slideItem3").setAttribute("class", "");
                    document.getElementById("slideItem1").setAttribute("class", "");
                    break;
            }
        }	
    </script>
</head>
<body>
    <div id="header">
        <div id="topNav">
            <div id="logo">
                <a href="#">
                    <img src="imagesZing/logo.jpg" width="118" height="43" alt="logo-zing" /></a></div>
            <!-- End #logo -->
            <div id="search">
                <form id="frmSearch" action="#" method="post" name="frmSearch">
                <input name="txtSearch" type="text" id="txtSearch" />
                <input name="btnSubmit" type="submit" value="Tìm" id="btnSearch" />
                </form>
            </div>
            <!-- End #search -->
            <div id="linkTo">
                <ul>
                    <li><a href="#">ME</a></li>
                    <li><a href="#">MP3</a></li>
                    <li><a href="#">NEWS</a></li>
                </ul>
            </div>
            <!-- End #linkTo -->
            <div id="login">
                <a href="#">Đăng nhập / Đăng ký</a>
            </div>
            <!-- End #login -->
        </div>
        <!-- End #topNav -->
        <div class="clear">
        </div>
        <div id="mainMenu">
            <ul id="topMenu">
                <li id="homeMenu"><a href="#"></a></li>
                <li class="sm"><a href="#">Nhạc</a>
                    <div class="sub sub1">
                        <div class="cols cols1">
                            <h3>
                                Thể loại Album</h3>
                            <a href="#">Nhạc Việt Nam</a> <a href="#">Rap Việt</a> <a href="#">Nhạc quê hương</a>
                            <a href="#">Cải lương</a> <a href="#">Nhạc Hoa</a>
                        </div>
                        <div class="cols cols1">
                            <h3>
                                Thể loại bài hát</h3>
                            <a href="#">Nhạc trẻ</a> <a href="#">Nhạc Rock</a> <a href="#">Nhạc Rap</a> <a href="#">
                                Nhạc Quốc tế</a> <a href="#">Nhạc vàng</a>
                        </div>
                        <div class="cols cols1">
                            <h3>
                                Album online</h3>
                            <a href="#">2010</a> <a href="#">2012</a> <a href="#">2012</a>
                        </div>
                    </div>
                </li>
                <li class="sm"><a href="#">Video</a>
                    <div class="sub sub1">
                        <div class="cols cols1">
                            <a href="#">Nhạc Việt Nam</a> <a href="#">Nhạc trẻ</a> <a href="#">Nhạc trữ tình</a>
                            <a href="#">Rap Việt</a> <a href="#">Nhạc Hoa</a>
                        </div>
                        <div class="cols cols1">
                            <a href="#">Nhạc trẻ</a> <a href="#">Nhạc Rock</a> <a href="#">Nhạc Rap</a> <a href="#">
                                Nhạc Quốc tế</a> <a href="#">Nhạc vàng</a>
                        </div>
                    </div>
                </li>
                <li class="sm"><a href="#">Bảng xếp hạng</a>
                    <div class="sub sub1">
                        <div class="cols cols1">
                            <a href="#">Nhạc Việt Nam</a> <a href="#">Nhạc trẻ</a> <a href="#">Nhạc trữ tình</a>
                            <a href="#">Rap Việt</a> <a href="#">Nhạc Hoa</a>
                        </div>
                        <div class="cols cols1">
                            <a href="#">Nhạc trẻ</a> <a href="#">Nhạc Rock</a> <a href="#">Nhạc Rap</a> <a href="#">
                                Nhạc Quốc tế</a> <a href="#">Nhạc vàng</a>
                        </div>
                    </div>
                </li>
                <li class="sm"><a href="#">Sự kiện</a>
                    <div class="sub sub1">
                        <div class="cols cols1">
                            <a href="#">Nhạc Việt Nam</a> <a href="#">Nhạc trẻ</a> <a href="#">Nhạc trữ tình</a>
                            <a href="#">Rap Việt</a> <a href="#">Nhạc Hoa</a>
                        </div>
                        <div class="cols cols1">
                            <a href="#">Nhạc trẻ</a> <a href="#">Nhạc Rock</a> <a href="#">Nhạc Rap</a> <a href="#">
                                Nhạc Quốc tế</a> <a href="#">Nhạc vàng</a>
                        </div>
                    </div>
                </li>
                <li id="upload"><a href="#">Upload</a> </li>
            </ul>
        </div>
        <!-- End #mainMenu -->
    </div>
    <!-- End #header -->
    <div class="clear">
    </div>
    <div id="content">
       <div id="center"></div>
        <!-- End #center -->
        <div id="right">
            <div id="ad2">
                <h2 class="starTitle">
                    Giỏ hàng</h2>
                Bỏ giỏ hàng vào đây
            </div>
            <!-- End #ad2 -->
            <div id="ad3">
                <h2 class="starTitle">
                    Login</h2>
                Bỏ control login vào đây</div>
            <!-- End #ad3 -->
            <div id="slideBar">
                <h2 class="starTitle">
                    Liên hệ</h2>
                Thông tin liên hệ bỏ vào đây
            </div>
            <!-- End #slideBar -->
        </div>
        <!-- End #right -->
    </div>
    <!-- End #content -->
    <div id="footer">
    </div>
    <!-- End #footer -->
</body>
</html>
